<template>
  <div id="nav">
    <Topnavigation  v-if="routertitle.existence"  :title="routertitle.title" :background="'#f2270c'" :color="'#FFF'"/>
  </div>
  <router-view/>
  <BottomTab v-if="routertitle.bottomTab"  :botTab="botTab" :botcolor="botcolor"></BottomTab>
</template>
<script>
import Topnavigation from "@/components/public/Topnavigation";
import BottomTab from "@/components/public/BottomTab";
import {mapState} from 'vuex'
export default {
  name:'APP',
  components:{Topnavigation,BottomTab},
  data(){
    return{
      botTab:[
        {
          icon:'icon-shouye',
          name:'首页',
          iconcat:'icon-index',
          path:'/',
        },
        {
          icon:'icon-fenleishouye',
          name:'分类',
          iconcat:'icon-kinds',
          path:'/threePrefectureLevel',
        },
        {
          icon:'icon-icon',
          name:'我的',
          iconcat:'icon-gerenzhongxin',
          path:'/3'
        },
      ],
      botcolor:{
        color:'rgb(102, 102, 102)',
        sltcolor:'rgb(242, 39, 12)'
      }
    }
  },
  mounted() {

  },
  computed: {
    ...mapState(
        // 映射 this.routertitle 为 this.$store.state.routertitle
        ['routertitle'],
    ),
  },
}
</script>
<style lang="less">
@import "assets/css/common";

</style>
